<template>
  <div>
    <router-view></router-view>
    <van-tabbar v-model="active">
      <van-tabbar-item  class="iconfont icon-home2" to="/index">首页</van-tabbar-item>
      <van-tabbar-item  class="iconfont icon-tuijianliebiao"  to="/Recommend">推荐</van-tabbar-item>
      <van-tabbar-item  class="iconfont icon-fenlei" to="/Classify">分类</van-tabbar-item>
      <van-tabbar-item  class="iconfont icon-liaotian" to="/Chat">聊天</van-tabbar-item>
      <van-tabbar-item  class="iconfont icon-leimupinleifenleileibie" to="/My">个人中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>


export default {
    name: 'home',
    data(){
      return{
         active: 0,
      }
    },
    components: { 
      // Footer

    },
    mounted(){
        console.log(this.active)
    },
    methods:{}
   
}
</script>

<style lang="scss" scoped>
 .iconfont{
    font-size:0.7rem;
  }
  .iconfont:before{
      font-size:1rem;

  }
</style>
